<template functional>
  <div class="w-full flex flex-row relative ">
    <div class="h-full w-80  pl-0 container-height overflow-x-auto border-r shadow-2xl border-gray-300 border-opacity-20 dark:bg-gray-800 text-base " >
      <slot name="left" />
    </div>
    <div class="min-h-full container-height w-full overflow-x-auto scroll-xl ">
      <slot name="default"/>
    </div>

  </div>
</template>
<style>
.container-height{
  max-height: calc(100vh - 4rem - 2.5rem);
  min-height: calc(100vh - 4rem - 2.5rem);
}
</style>